<template>
    <div class="page changeCard">
        <header-view title="变更绑定卡"></header-view>
        <form class="commonInputes">
            <div class="show1px"><label>电子账户</label><input type="number" value="1122332222"/></div>
            <div class="show1px"><label>姓名</label><input type="text" value="张晓雨"/></div>
            <div class="show1px"><label>新绑定卡</label><input type="number" value="1122332222"/></div>
            <div class="show1px"><label>确认新卡号</label><input type="number" value="1122332222"/></div>
            <div class="show1px"><label>银行预留手机</label><input type="number" value="1122332222"/></div>
            <div class="qrcode"><label>短信验证码</label><input type="number" value="1122332222"/><span>获取验证码</span></div>
        </form>
        <button-view title="变更绑定卡"></button-view>
        <ul>
            <li>温馨提示</li>
            <li>1、我是第一条提示</li>
            <li>2、我是第二条提示</li>
            <li>3、我是第三条提示</li>
            <li>4、我是第四条提示</li>
        </ul>
    </div>
</template>

<script>
    import HeaderView from './../components/header';
    import ButtonView from './../components/button';
    export default {
       data(){
           return {

           }
       },
        components:{
            HeaderView,
            ButtonView
        }
    }
</script>

<style scoped>
    .changeCard > ul{background: #fff;padding: 0.75rem;margin-top: 1rem;font-size: 0.6rem;color: #a5a7a9;}
    .changeCard > ul li{padding-bottom: 0.1rem;}
    .changeCard > ul li:first-child{font-size: 0.8rem;color: #615f5e;padding-bottom: 0.5rem;}
</style>
